<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登陆</title>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/normalize.css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/demo.css" />
<!--必要样式-->
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/component.css" />
<script src="${pageContext.request.contextPath}/js/jquery-1.12.4.js"></script>
<script src="${pageContext.request.contextPath}/layui/layui.all.js"></script>
<script src="${pageContext.request.contextPath}/layui/layui.js"></script>
<!--[if IE]>

    <script src="js/html5.js"></script>
    <![endif]-->
</head>
<body>
	<div class="container demo-1">
		<div class="content">
			<div id="large-header" class="large-header">
				<canvas id="demo-canvas"></canvas>
				<div class="logo_box">
					<h3>在线投票系统</h3>
					<form action="#" name="f" method="post">
						<div class="input_outer">
							<span class="u_user"></span> <select name="role" class="text"
								style="color: white" id="select">
								<option class="text" value="" style="color: gray">----请选择身份----</option>
								<option value="2" style="color: black">系统管理员</option>
								<option value="3" style="color: black">活动管理员</option>
								<option value="1" style="color: black">评委</option>
								<option value="0" style="color: black">一般用户</option>
							</select>
						</div>
						<div class="input_outer">
							<span class="u_user"></span> <input id="username" name="username"
								class="text" style="color: #FFFFFF !important" type="text"
								placeholder="请输入账户">
						</div>
						<div class="input_outer">
							<span class="us_uer"></span> <input id="password" name="password"
								class="text"
								style="color: #FFFFFF !important; position: absolute; z-index: 100;"
								value="" type="password" placeholder="请输入密码">
						</div>
						<div class="mb2">
							<a class="act-but submit" href="javascript:;"
								style="color: #FFFFFF">登录</a>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- /container -->
	<script src="${pageContext.request.contextPath}/js/TweenLite.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/EasePack.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/rAF.js"></script>
	<script src="${pageContext.request.contextPath}/js/demo-1.js"></script>


	<script>
		$(function() {
			

			$(".mb2").on(
					"click",
					function() {
						var select = $("#select option:checked").text();
						var username = $("#username").val();
						var password = $("#password").val();
						if (select == "----请选择身份----" || username == ""
								|| password == "") {
							$(".mb2>a").href = "javascript:volid(0);";
							layer.tips('请填写完整', '.mb2>a', {
								tips : [ 1, '#3595CC' ],
								time : 4000
							});

						}
						
					})
			
		})
	</script>
</body>

</html>